@media (min-width: 400px) {
    .filelist {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 600px) {
    .filelist {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 800px) {
    .filelist {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 1000px) {
    .filelist {
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (min-width: 1200px) {
    .filelist {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media (min-width: 1400px) {
    .filelist {
        grid-template-columns: repeat(7, 1fr);
    }
}
@media (min-width: 1600px) {
    .filelist {
        grid-template-columns: repeat(8, 1fr);
    }
}
@media (min-width: 1800px) {
    .filelist {
        grid-template-columns: repeat(9, 1fr);
    }
}
@media (min-width: 2000px) {
    .filelist {
        grid-template-columns: repeat(10, 1fr);
    }
}
@media (min-width: 2200px) {
    .filelist {
        grid-template-columns: repeat(11, 1fr);
    }
}
@media (min-width: 2400px) {
    .filelist {
        grid-template-columns: repeat(12, 1fr);
    }
}
@media (min-width: 2600px) {
    .filelist {
        grid-template-columns: repeat(13, 1fr);
    }
}
@media (min-width: 2800px) {
    .filelist {
        grid-template-columns: repeat(14, 1fr);
    }
}
@media (min-width: 3000px) {
    .filelist {
        grid-template-columns: repeat(15, 1fr);
    }
}